﻿<%@ Page language="C#"   Inherits="Microsoft.SharePoint.Publishing.PublishingLayoutPage,Microsoft.SharePoint.Publishing,Version=14.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" meta:progid="SharePoint.WebPartPage.Document" meta:webpartpageexpansion="full" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="SharePointWebControls" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="PublishingWebControls" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %> <%@ Register Tagprefix="PublishingNavigation" Namespace="Microsoft.SharePoint.Publishing.Navigation" Assembly="Microsoft.SharePoint.Publishing, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<asp:Content ContentPlaceholderID="PlaceHolderPageTitle" runat="server">
	<SharePointWebControls:FieldValue id="PageTitle" FieldName="Title" runat="server"/>
</asp:Content>

<asp:Content ContentPlaceholderID="PlaceHolderMain" runat="server">
    <div class="container-fluid">
        <div class="row intel-row">
            <div class="col-md-12 text-center">
                <div class="intel-text-color intel-ss-header-top">
                    Exec Syncs
                </div>
                <div class="intel-text-ss-content-top intel-text-content-color">
                    Upcoming events and resources exclusively for executives
                </div>


                <div class="intel-ss-top-title">
                

                    <div style="width: 200px; margin-left: auto; margin-right: auto;">
	                    <PublishingWebControls:editmodepanel runat="server" id="editmodepanel1" PageDisplayMode="Display">
                            <div class="intel-ss-slot1-value" style="display: none;">
		                    <SharePointWebControls:FieldValue id="FieldValue1" FieldName="Resource Event Name 1" runat="server" />
                            </div>
	                    </PublishingWebControls:editmodepanel>	
                        <PublishingWebControls:editmodepanel runat="server" id="editmodepanel2" PageDisplayMode="Edit">
                	        <SharePointWebControls:TextField ID="TextField1" runat="server" FieldName="Resource Event Name 1" />
                        </PublishingWebControls:editmodepanel>	

	                    <PublishingWebControls:editmodepanel runat="server" id="editmodepanel3" PageDisplayMode="Display">
                            <div class="intel-ss-slot2-value" style="display: none;">
		                    <SharePointWebControls:FieldValue id="FieldValue2" FieldName="Resource Event Name 2" runat="server" />
                            </div>
	                    </PublishingWebControls:editmodepanel>	
                        <PublishingWebControls:editmodepanel runat="server" id="editmodepanel4" PageDisplayMode="Edit">
                	        <SharePointWebControls:TextField ID="TextField2" runat="server" FieldName="Resource Event Name 2" />
                        </PublishingWebControls:editmodepanel>	

	                    <PublishingWebControls:editmodepanel runat="server" id="editmodepanel5" PageDisplayMode="Display">
                            <div class="intel-ss-slot3-value" style="display: none;">
		                    <SharePointWebControls:FieldValue id="FieldValue3" FieldName="Resource Event Name 3" runat="server" />
                            </div>
	                    </PublishingWebControls:editmodepanel>	
                        <PublishingWebControls:editmodepanel runat="server" id="editmodepanel6" PageDisplayMode="Edit">
                	        <SharePointWebControls:TextField ID="TextField3" runat="server" FieldName="Resource Event Name 3" />
                        </PublishingWebControls:editmodepanel>	

	                    <PublishingWebControls:editmodepanel runat="server" id="editmodepanel7" PageDisplayMode="Display">
                            <div class="intel-ss-slot4-value" style="display: none;">
		                    <SharePointWebControls:FieldValue id="FieldValue4" FieldName="Resource Event Name 4" runat="server" />
                            </div>
	                    </PublishingWebControls:editmodepanel>	
                        <PublishingWebControls:editmodepanel runat="server" id="editmodepanel8" PageDisplayMode="Edit">
                	        <SharePointWebControls:TextField ID="TextField4" runat="server" FieldName="Resource Event Name 4" />
                        </PublishingWebControls:editmodepanel>	

	                    <PublishingWebControls:editmodepanel runat="server" id="editmodepanel9" PageDisplayMode="Display">
                            <div class="intel-ss-slot5-value" style="display: none;">
		                    <SharePointWebControls:FieldValue id="FieldValue5" FieldName="Resource Event Name 5" runat="server" />
                            </div>
	                    </PublishingWebControls:editmodepanel>	
                        <PublishingWebControls:editmodepanel runat="server" id="editmodepanel10" PageDisplayMode="Edit">
                	        <SharePointWebControls:TextField ID="TextField5" runat="server" FieldName="Resource Event Name 5" />
                        </PublishingWebControls:editmodepanel>	




                    </div>
                </div>

            </div>
        </div>


    </div>

	<!--5 slot full-->
    <div class="container-fluid intel-ss-5slots-full">
      <div class="row intel-ss-row-slots">
		<!--5 slots-->
		<div class="col-sm-6 intel-ss-slot-container intel-ss-slot1" >
			<!--Slot 1-->
			<img class="intel-ss-slot1-image" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
			
			<div class="intel-ss-slot1-panel" >
				<!--Tiny bar-->
				<div class="intel-ss-slot-tinybar" >
				</div>
				<!--Content-->
                <div class="intel-ss-slot-background">

                </div>
				<div class="intel-ss-slot1-content" >
					<div class="intel-ss-slot1-title">
					</div>
					<div class="intel-ss-slot1-desc">
					</div>
					<div class="intel-ss-slot1-link">
                        <a href="/" style="color: white;"></a>
					</div>
				</div>
			</div>
		</div>
		<div class="col-sm-6 intel-ss-slot2345">
			<table>
				<tr>
					<td>
						<!--Slot 2-->
						<div class="intel-ss-slot-container">
							<img class="intel-ss-slot2-image" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
							
							<div class="intel-ss-slot2-panel" >
								<!--Tiny bar-->
								<div class="intel-ss-slot-tinybar">
								</div>
								<!--Content-->
                                <div class="intel-ss-slot-background">

                                </div>
								<div class="intel-ss-slot2-content">
					                <div class="intel-ss-slot2-title">
					                </div>
					                <div class="intel-ss-slot2-desc">
					                </div>
					                <div class="intel-ss-slot2-link">
                                        <a href="/" style="color:white;"></a>
					                </div>

								</div>
							</div>
						</div>

					</td>
					<td>
						<!--Slot 3-->
						<div class="intel-ss-slot-container">
							<img class="intel-ss-slot3-image" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
							
							<div class="intel-ss-slot3-panel">
								<!--Tiny bar-->
								<div class="intel-ss-slot-tinybar">
								</div>
								<!--Content-->
                                <div class="intel-ss-slot-background">

                                </div>
								<div class="intel-ss-slot3-content">
					                <div class="intel-ss-slot3-title">
					                </div>
					                <div class="intel-ss-slot3-desc">
					                </div>
					                <div class="intel-ss-slot3-link">
                                        <a href="/" style="color:white;"></a>
					                </div>
								</div>
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<!--Slot 4-->
						<div class="intel-ss-slot-container">
							<img class="intel-ss-slot4-image" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
							
							<div class="intel-ss-slot4-panel">
								<!--Tiny bar-->
								<div class="intel-ss-slot-tinybar">
								</div>
								<!--Content-->
                                <div class="intel-ss-slot-background">

                                </div>
								<div class="intel-ss-slot4-content">
					                <div class="intel-ss-slot4-title">
					                </div>
					                <div class="intel-ss-slot4-desc">
					                </div>
					                <div class="intel-ss-slot4-link">
                                        <a href="/" style="color:white;"></a>
					                </div>
								</div>
							</div>
						</div>

					</td>
					<td>
						<!--Slot 5-->
						<div class="intel-ss-slot-container">
							<img class="intel-ss-slot5-image" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
							
							<div class="intel-ss-slot5-panel">
								<!--Tiny bar-->
								<div class="intel-ss-slot-tinybar">
								</div>
								<!--Content-->
                                <div class="intel-ss-slot-background">

                                </div>
								<div class="intel-ss-slot5-content">
					                <div class="intel-ss-slot5-title">
					                </div>
					                <div class="intel-ss-slot5-desc">
					                </div>
					                <div class="intel-ss-slot5-link">
                                        <a href="/" style="color: white"></a>
					                </div>
								</div>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</div>

		<div class="col-sm-6">
		</div>
      </div>

    </div> <!-- /container -->

	<!--5 slots slide-->
    <div class="container-fluid intel-ss-5slots-slide">
		<div class="row">
			<div class="col-md-12">
				<!-- Jssor Slider Begin -->
				<!-- You can move inline styles to css file or css block. -->
				<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px;
					height: 526px; overflow: hidden;">
					<!-- Slides Container -->
					<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 526px;
						overflow: hidden;">
						<!--Slot 1 slide-->
						<div class="intel-ss-slot-container">
							<img class="intel-ss-slot1-image-mobile" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
							
							<div class="intel-ss-slot1-panel-mobile">
								<!--Tiny bar-->
								<div class="intel-ss-slot-tinybar">
								</div>
								<!--Content-->
                                <div class="intel-ss-slot-background">

                                </div>
				                <div class="intel-ss-slot1-content" >
					                <div class="intel-ss-slot1-title-mobile">
					                </div>
					                <div class="intel-ss-slot1-desc-mobile">
					                </div>
					                <div class="intel-ss-slot1-link-mobile">
                                        <a href="/" style="color:white;"></a>
					                </div>
				                </div>
							</div>

						</div>
						<div>
							<!--Slot 2345 slide-->
							<table>
								<tr>
									<td>
										<!--Slot 2 slide-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot2-image-mobile" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot2-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot2-content" >
					                                <div class="intel-ss-slot2-title-mobile">
					                                </div>
					                                <div class="intel-ss-slot2-desc-mobile">
					                                </div>
					                                <div class="intel-ss-slot2-link-mobile">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>

									</td>
									<td>
										<!--Slot 3 slide-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot3-image-mobile" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot3-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot3-content" >
					                                <div class="intel-ss-slot3-title-mobile">
					                                </div>
					                                <div class="intel-ss-slot3-desc-mobile">
					                                </div>
					                                <div class="intel-ss-slot3-link-mobile">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>
										<!--Slot 4 slide-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot4-image-mobile" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot4-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot4-content" >
					                                <div class="intel-ss-slot4-title-mobile">
					                                </div>
					                                <div class="intel-ss-slot4-desc-mobile">
					                                </div>
					                                <div class="intel-ss-slot4-link-mobile">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>

									</td>
									<td>
										<!--Slot 5-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot5-image-mobile" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot5-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot5-content" >
					                                <div class="intel-ss-slot5-title-mobile">
					                                </div>
					                                <div class="intel-ss-slot5-desc-mobile">
					                                </div>
					                                <div class="intel-ss-slot5-link-mobile">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>
									</td>
								</tr>
							</table>

						</div>
						<!--Slot 1 slide2-->
						<div class="intel-ss-slot-container">
							<img class="intel-ss-slot1-image-mobile-2" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
							
							<div class="intel-ss-slot1-panel-mobile">
								<!--Tiny bar-->
								<div class="intel-ss-slot-tinybar">
								</div>
								<!--Content-->
                                <div class="intel-ss-slot-background">

                                </div>
				                <div class="intel-ss-slot1-content" >
					                <div class="intel-ss-slot1-title-mobile-2">
					                </div>
					                <div class="intel-ss-slot1-desc-mobile-2">
					                </div>
					                <div class="intel-ss-slot1-link-mobile-2">
                                        <a href="/" style="color:white;"></a>
					                </div>
				                </div>
							</div>

						</div>
						<div>
							<!--Slot 2345 slide2-->
							<table>
								<tr>
									<td>
										<!--Slot 2 slide2-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot2-image-mobile-2" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot2-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot2-content-2" >
					                                <div class="intel-ss-slot2-title-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot2-desc-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot2-link-mobile-2">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>

									</td>
									<td>
										<!--Slot 3 slide2-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot3-image-mobile-2" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot3-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot3-content" >
					                                <div class="intel-ss-slot3-title-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot3-desc-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot3-link-mobile-2">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>
										<!--Slot 4 slide2-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot4-image-mobile-2" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot4-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot4-content" >
					                                <div class="intel-ss-slot4-title-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot4-desc-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot4-link-mobile-2">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>

									</td>
									<td>
										<!--Slot 5 slide2-->
										<div class="intel-ss-slot-container">
											<img class="intel-ss-slot5-image-mobile-2" src="../Style Library/Intel/Images/loading1.gif" alt="Image" style="width: 100%" />
											
											<div class="intel-ss-slot5-panel-mobile">
												<!--Tiny bar-->
												<div class="intel-ss-slot-tinybar">
												</div>
												<!--Content-->
                                                <div class="intel-ss-slot-background">

                                                </div>
				                                <div class="intel-ss-slot5-content" >
					                                <div class="intel-ss-slot5-title-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot5-desc-mobile-2">
					                                </div>
					                                <div class="intel-ss-slot5-link-mobile-2">
                                                        <a href="/" style="color:white;"></a>
					                                </div>
				                                </div>
											</div>
										</div>
									</td>
								</tr>
							</table>

						</div>
					</div>

					<!-- Arrow Navigator Skin Begin -->
					<style>
						/* jssor slider arrow navigator skin 13 css */
						/*
						.jssora13l              (normal)
						.jssora13r              (normal)
						.jssora13l:hover        (normal mouseover)
						.jssora13r:hover        (normal mouseover)
						.jssora13ldn            (mousedown)
						.jssora13rdn            (mousedown)
						*/
						.jssora13l, .jssora13r, .jssora13ldn, .jssora13rdn {
							position: absolute;
							cursor: pointer;
							display: block;
							background: url("../Style Library/Intel/images/a13.png") no-repeat;
							overflow: hidden;
						}

						.jssora13l {
							background-position: -10px -35px;
						}

						.jssora13r {
							background-position: -70px -35px;
						}

						.jssora13l:hover {
							background-position: -130px -35px;
						}

						.jssora13r:hover {
							background-position: -190px -35px;
						}

						.jssora13ldn {
							background-position: -250px -35px;
						}

						.jssora13rdn {
							background-position: -310px -35px;
						}
					</style>
					<!-- Arrow Left -->
					<span u="arrowleft" class="jssora13l" style="width: 40px; height: 50px; top: 123px; left: 30px;">
					</span>
					<!-- Arrow Right -->
					<span u="arrowright" class="jssora13r" style="width: 40px; height: 50px; top: 123px; right: 30px">
					</span>
					<!-- Arrow Navigator Skin End -->
				</div>
				<!-- Jssor Slider End -->

			</div>
		</div>
	

    </div> <!-- /container -->

    <div class="container-fluid">
        <div class="row intel-row-margin-padding">
            <div class="col-sm-8" style="">
                <div class="intel-ss-filter-title intel-text-color intel-padding-bottom">
                    FIND A RESOURCE
                </div>
                <div class="row intel-ss-filter-panel" >
                    <!--Filter collapse-->
                    <div class="col-sm-6 intel-background-gray intel-ss-search-collapse intel-ss-search-filterresourcesby-collapse" style="padding:0px 10px;">
                        <div class="intel-ss-search-filterby-collapse">Filter Resources By</div>
                        <div class="fa fa-angle-down intel-ss-filter-by-collapse"></div>
                    </div>
                    <!--Filter expand-->
                    <div class="col-sm-12 intel-background-gray intel-ss-search-expand" style="padding: 10px 10px;display:none; ">
                        <div class="row intel-ss-search-filterresourcesby-expand">
                            <div class="intel-ss-search-filterby-expand">Filter Resources By</div>
                            <div class="fa fa-angle-up intel-ss-filter-by-expand"></div>
                        </div>
                        <div class="row" style="padding-top:20px;">
                            <div class="col-sm-6" style="">
                                <div class="intel-ss-search-resourcetype">RESOURCE TYPE:</div>
		                        <div class="checkbox_wrapper">
			                        <input type="checkbox" class="intel-ss-checkbox-pdf" />
			                        <label></label>
		                        </div>
		                        <div style="display:inline-block">PDF</div>
                                <br />

		                        <div class="checkbox_wrapper">
			                        <input type="checkbox" class="intel-ss-checkbox-ppt"/>
			                        <label></label>
		                        </div>
		                        <div style="display:inline-block">PPT</div>
                                <br />

		                        <div class="checkbox_wrapper">
			                        <input type="checkbox" class="intel-ss-checkbox-video"/>
			                        <label></label>
		                        </div>
		                        <div style="display:inline-block">Video</div>
                                <br />

		                        <div class="checkbox_wrapper">
			                        <input type="checkbox" class="intel-ss-checkbox-webcast"/>
			                        <label></label>
		                        </div>
		                        <div style="display:inline-block">Webcast</div>
                            </div>
                            <div class="col-sm-6" style="">
                                <div class="intel-ss-search-quarteryear">QUARTER/YEAR:</div>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <!--2014-->
		                                <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q1-1" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q1 2014</div>
                                        <br />

		                                <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q2-1" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q2 2014</div>
                                        <br />

		                                <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q3-1" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q3 2014</div>
                                        <br />

		                                <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q4-1" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q4 2014</div>

                                        
                                    </div>
                                    <div class="col-xs-6">
                                        <!--2015-->
                                        <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q1-2" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q1 2015</div>
                                        <br />

		                                <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q2-2" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q2 2015</div>
                                        <br />

		                                <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q3-2" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q3 2015</div>
                                        <br />

		                                <div class="checkbox_wrapper">
			                                <input type="checkbox" class="intel-ss-checkbox-q4-2" />
			                                <label></label>
		                                </div>
		                                <div style="display:inline-block">Q4 2015</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="padding-right:100px;">
                            <div class="intel-ss-search-button-div" style="width:52px;height:24px;float:right;margin-right: -100px;">
                                <span class="intel-button intel-ss-search-button">Search</span>
                            </div>
                            <div style="width:100%">
                                <input type="text" style="width:100%" class="intel-textbox intel-ss-search-textbox" placeholder="Search by keyword" />
                            </div>
                            
                            
                        </div>
                    </div>
                </div>

                <!--Your results-->
                <div class="row intel-ss-results-row" style="display:none;">
                </div>

                <!--Featured resources-->
                <div class="row intel-ss-featured-resources">

                </div>

                <!--Featured resources-->
                <div class="row intel-ss-quarter-data">

                </div>
            </div>
            <div class="col-sm-4 intel-ss-upcoming-leadership-events">
                <!--Upcoming Leadership Events-->
                <div class="row intel-ss-upcoming-leadership-events-title intel-text-color">
                    UPCOMING LEADERSHIP EVENTS
                </div>
                <div class="intel-ss-upcoming">
                    
                </div>
            </div>
        </div>
    </div>
    
</asp:Content>	

<asp:Content ContentPlaceholderID="PlaceHolderScript" runat="server">
    <SharePoint:ScriptLink ID="ScriptLink6" Name="SP.js" runat="server" OnDemand="true" Localizable="false" />

    <SharePoint:Scriptlink ID="Scriptlink1" runat="server" name="~SiteCollection/Style Library/Intel/js/jssor.js" language="javscript"/>
    <SharePoint:Scriptlink ID="Scriptlink3" runat="server" name="~SiteCollection/Style Library/Intel/js/jssor.slider.js" language="javscript"/>
    <SharePoint:Scriptlink ID="Scriptlink2" runat="server" name="~SiteCollection/Style Library/Intel/js/date.js" language="javscript"/>

	<script>

	    var dateFormat = 'MM-dd-yyyy';
	    var dateFormatWithTime = 'HH:mm, MM-dd-yyyy';
	    var numberOfSearchResultsDefault = 4;
	    var searchResults = [];

	    function setSlotHeight() {
	        var slot1Width = $('.intel-ss-slot1').width();
	        var slot1Height = Math.floor((slot1Width * 3) / 4);
	        $('.intel-ss-slot1-image').css({ 'height': slot1Height + 'px' });
	        var slot2Height = Math.floor(slot1Height / 2);
	        var slot3Height = slot2Height;
	        var slot4Height = slot1Height - slot2Height;
	        var slot5Height = slot4Height;

	        var slot2345Width = $('.intel-ss-slot2345').width();
	        var slot2Width = Math.floor(slot2345Width / 2);
	        var slot3Width = slot2345Width - slot2Width;
	        var slot4Width = slot2Width;
	        var slot5Width = slot3Width;

	        $('.intel-ss-slot2-image').css({ 'height': slot2Height + 'px' });
	        $('.intel-ss-slot3-image').css({ 'height': slot3Height + 'px' });
	        $('.intel-ss-slot4-image').css({ 'height': slot4Height + 'px' });
	        $('.intel-ss-slot5-image').css({ 'height': slot5Height + 'px' });

	        $('.intel-ss-slot2-image').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot3-image').css({ 'width': slot3Width + 'px' });
	        $('.intel-ss-slot4-image').css({ 'width': slot4Width + 'px' });
	        $('.intel-ss-slot5-image').css({ 'width': slot5Width + 'px' });

	    }

	    function setSlotHeightMobile() {
	        var slot1Width = 700;
	        var slot1Height = 526;
	        $('.intel-ss-slot1-image-mobile').css({ 'height': slot1Height + 'px' });
	        $('.intel-ss-slot1-image-mobile-2').css({ 'height': slot1Height + 'px' });

	        var slot2Width = Math.floor(slot1Width / 2);
	        var slot2Height = Math.floor(slot1Height / 2);
	        $('.intel-ss-slot2-image-mobile').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot2-image-mobile').css({ 'height': slot2Height + 'px' });
	        $('.intel-ss-slot2-image-mobile-2').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot2-image-mobile-2').css({ 'height': slot2Height + 'px' });

	        $('.intel-ss-slot3-image-mobile').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot3-image-mobile').css({ 'height': slot2Height + 'px' });
	        $('.intel-ss-slot3-image-mobile-2').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot3-image-mobile-2').css({ 'height': slot2Height + 'px' });

	        $('.intel-ss-slot4-image-mobile').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot4-image-mobile').css({ 'height': slot2Height + 'px' });
	        $('.intel-ss-slot4-image-mobile-2').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot4-image-mobile-2').css({ 'height': slot2Height + 'px' });

	        $('.intel-ss-slot5-image-mobile').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot5-image-mobile').css({ 'height': slot2Height + 'px' });
	        $('.intel-ss-slot5-image-mobile-2').css({ 'width': slot2Width + 'px' });
	        $('.intel-ss-slot5-image-mobile-2').css({ 'height': slot2Height + 'px' });

	    }

	    $(function () {

	        //jssor code
	        var options = {
	            $AutoPlay: false,

	            $PauseOnHover: 1,                               //[Optional] Whether to pause when mouse over if a slideshow is auto playing, default value is false

	            $ArrowKeyNavigation: true,   			            //Allows arrow key to navigate or not
	            $SlideWidth: 700,                                   //[Optional] Width of every slide in pixels, the default is width of 'slides' container
	            $SlideHeight: 526,                                  //[Optional] Height of every slide in pixels, the default is width of 'slides' container
	            $SlideSpacing: 0, 					                //Space between each slide in pixels
	            $DisplayPieces: 2,                                  //Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
	            $ParkingPosition: 0,                                //The offset position to park slide (this options applys only when slideshow disabled).

	            $ArrowNavigatorOptions: {                       //[Optional] Options to specify and enable arrow navigator or not
	                $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance
	                $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
	                $AutoCenter: 2,                                 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
	                $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
	            }
	        };

	        var jssor_slider1 = new $JssorSlider$("slider1_container", options);

	        //responsive code begin
	        //you can remove responsive code if you don't want the slider scales while window resizes
	        function ScaleSlider() {
	            var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
	            if (parentWidth)
	                jssor_slider1.$ScaleWidth(Math.min(parentWidth, 800));
	            else
	                window.setTimeout(ScaleSlider, 30);
	        }
	        ScaleSlider();

	        $(window).bind("load", ScaleSlider);
	        $(window).bind("resize", ScaleSlider);
	        $(window).bind("orientationchange", ScaleSlider);
	        //responsive code end
	        //end of jssor code

	        //set correct image size
	        setSlotHeight();
	        setSlotHeightMobile();
	        $(window).resize(function () {
	            setSlotHeight();
	            setSlotHeightMobile();
	        });
	        //setTimeout(setSlotHeight, 1);
	        //end of set correct image size

	        //get data from SP
	        SP.SOD.executeFunc('sp.js', 'SP.ClientContext', sharePointListReady);
	        var items;
	        var listTitle = "Resources and Events";
	        function sharePointListReady() {
	            var ctx = SP.ClientContext.get_current();
	            var list = ctx.get_web().get_lists().getByTitle(listTitle);
	            var query = new SP.CamlQuery();
	            query.set_viewXml('<View><Query><OrderBy><FieldRef Name="IntelDateTime" Ascending="FALSE"/></OrderBy></Query></View>');
	            //"<View><Query><Where><Eq><FieldRef Name='ID'/><Value Type='Number'>2</Value></Eq></Where></Query></View>";
	            items = list.getItems(query);
	            ctx.load(items);
	            ctx.executeQueryAsync(onRequestSucceeded, onRequestFailed);
	        }

	        function stringStartsWith(fullString, startString) {
	            fullString.substring(0, startString.length)
	            return fullString.substring(0, startString.length) === startString;
	        }

	        function stringContains(fullString, subString) {
	            return fullString.indexOf(subString) > -1;
	        }

	        function stringContainsCaseInsensitive(fullString, subString) {
	            return stringContains(fullString.toUpperCase(), subString.toUpperCase());
	        }

	        var intelDocumentCtId = "0x0101004EC3AE8BCD124EF1B8DA640496D25152";
	        var intelEventCtId = "0x01010A001B313D4A87CE4A44949F0DD90CFEE721";
	        var intelVideoCtId = "0x01010A00722E70A9DFD54E42A35968E3A00DF0E4";
	        var intelWebcastCtId = "0x01010A00F2FFFB0ACA5648E5A3292F80F140AF27";

	        var INTEL_DOCUMENT = "IntelDocument";
	        var INTEL_EVENT = "IntelEvent";
	        var INTEL_VIDEO = "IntelVideo";
	        var INTEL_WEBCAST = "IntelWebcast";
	        var PPT = "PPT";
	        var PPTX = "PPTX";
	        var PDF = "PDF";

	        var Q1_1 = "Q1 2014";
	        var Q2_1 = "Q2 2014";
	        var Q3_1 = "Q3 2014";
	        var Q4_1 = "Q4 2014";

	        var Q1_2 = "Q1 2015";
	        var Q2_2 = "Q2 2015";
	        var Q3_2 = "Q3 2015";
	        var Q4_2 = "Q4 2015";

	        function getContentType(oListItem) {
	            var itemContentTypeId = oListItem.get_item("ContentTypeId");
	            if (stringStartsWith(itemContentTypeId.toString(), intelDocumentCtId)) {
	                return INTEL_DOCUMENT;
	            } else if (stringStartsWith(itemContentTypeId.toString(), intelEventCtId)) {
	                return INTEL_EVENT;
	            } else if (stringStartsWith(itemContentTypeId.toString(), intelVideoCtId)) {
	                return INTEL_VIDEO;
	            } else if (stringStartsWith(itemContentTypeId.toString(), intelWebcastCtId)) {
	                return INTEL_WEBCAST;
	            }
	        }

	        function displaySSInfo(oListItem, slotClass) {
	            var itemName = oListItem.get_item("FileLeafRef");
	            var itemImage = oListItem.get_item("ThumbnailImage");
	            var itemImageSrc = $.parseHTML(itemImage)[0].src;
	            var itemTitle = oListItem.get_item("IntelTitle");
	            var itemDesc = oListItem.get_item("RoutingRuleDescription");
	            var itemContentTypeId = oListItem.get_item("ContentTypeId");

	            var slotClassImage = slotClass + "-image";
	            var slotClassImageMobile = slotClassImage + "-mobile";
	            var slotClassImageMobile2 = slotClassImage + "-mobile-2";
	            $(slotClassImage)[0].src = itemImageSrc;
	            $(slotClassImageMobile)[1].src = itemImageSrc;
	            $(slotClassImageMobile2)[1].src = itemImageSrc;

	            var slotClassTitle = slotClass + "-title";
	            var slotClassTitleMobile = slotClassTitle + "-mobile";
	            var slotClassTitleMobile2 = slotClassTitle + "-mobile-2";
	            $(slotClassTitle).html(itemTitle);
	            $(slotClassTitleMobile).html(itemTitle);
	            $(slotClassTitleMobile2).html(itemTitle);

	            var slotClassDesc = slotClass + "-desc";
	            var slotClassDescMobile = slotClassDesc + "-mobile";
	            var slotClassDescMobile2 = slotClassDesc + "-mobile-2";
	            $(slotClassDesc).html(itemDesc);
	            $(slotClassDescMobile).html(itemDesc);
	            $(slotClassDescMobile2).html(itemDesc);

	            var slotClassLink = slotClass + "-link";
	            var slotClassLinkMobile = slotClassLink + "-mobile";
	            var slotClassLinkMobile2 = slotClassLink + "-mobile-2";

	            var itemContentType = getContentType(oListItem);
	            if (itemContentType == INTEL_DOCUMENT) {
	                //document
	                var itemUrl = "../Resources And Events/" + oListItem.get_item("FileLeafRef");
	                $(slotClassLink).find("a").attr("href", itemUrl);
	                $(slotClassLink).find("a").html("Download now >");

	                $(slotClassLinkMobile).find("a").attr("href", itemUrl);
	                $(slotClassLinkMobile).find("a").html("Download now >");

	                $(slotClassLinkMobile2).find("a").attr("href", itemUrl);
	                $(slotClassLinkMobile2).find("a").html("Download now >");

	            } else if (itemContentType == INTEL_EVENT) {
	                //event
	                var itemUrl = oListItem.get_item("URL").get_url();
	                $(slotClassLink).find("a").attr("href", itemUrl);
	                $(slotClassLink).find("a").html("See details >");

	                $(slotClassLinkMobile).find("a").attr("href", itemUrl);
	                $(slotClassLinkMobile).find("a").html("See details >");

	                $(slotClassLinkMobile2).find("a").attr("href", itemUrl);
	                $(slotClassLinkMobile2).find("a").html("See details >");

	            } else if (itemContentType == INTEL_VIDEO || itemContentType == INTEL_WEBCAST) {
	                //video
	                var itemUrl = oListItem.get_item("URL").get_url();
	                $(slotClassLink).find("a").attr("href", itemUrl);
	                $(slotClassLink).find("a").html("Watch the video >");

	                $(slotClassLinkMobile).find("a").attr("href", itemUrl);
	                $(slotClassLinkMobile).find("a").html("Watch the video >");

	                $(slotClassLinkMobile2).find("a").attr("href", itemUrl);
	                $(slotClassLinkMobile2).find("a").html("Watch the video >");

	            }
	        }

	        var featuredResourcesResult = [];
	        //featured resources
	        function showFeaturedResources(numberOfItems) {
	            var numberItemsToShow = 0;
	            if (numberOfItems > 0) {
	                numberItemsToShow = Math.min(numberOfItems, featuredResourcesResult.length);
	            } else {
	                numberItemsToShow = featuredResourcesResult.length;
	            }

	            var featuredResourcesRow = $(".intel-ss-featured-resources");

	            featuredResourcesRow.append("<div class='intel-ss-featured-resources-title intel-text-color' style='padding-bottom:10px;'>FEATURED RESOURCES</div>");
	            for (var i = 0; i < numberItemsToShow; i++) {
	                var oListItem = featuredResourcesResult[i];
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var itemTitle = oListItem.get_item("IntelTitle");
	                var itemDesc = oListItem.get_item("RoutingRuleDescription");
	                var itemContentType = getContentType(oListItem);

	                var itemLink = "";
	                if (itemContentType == INTEL_DOCUMENT) {
	                    //document
	                    var itemUrl = "../Resources And Events/" + oListItem.get_item("FileLeafRef");
	                    itemLink = "<a href='" + itemUrl + "'>Download now ></a>"

	                } else if (itemContentType == INTEL_EVENT) {
	                    //event
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>See details ></a>"

	                } else if (itemContentType == INTEL_VIDEO || itemContentType == INTEL_WEBCAST) {
	                    //video
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>Watch the video ></a>"

	                }
	                //Show result
	                var resultStr = "";
	                resultStr += "\r\n" + "<div class='intel-ss-results-panel'>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-date intel-text-color'>" + itemDateTimeStr + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-title'>" + itemTitle + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-desc'>" + itemDesc + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-link intel-text-color'>" + itemLink + "</div>";
	                resultStr += "\r\n" + "</div>";

	                featuredResourcesRow.append(resultStr);
	            }

	            featuredResourcesRow.append("<hr />");


	        }

	        function searchFeaturedResources() {
	            var listItemEnumerator = items.getEnumerator();
	            while (listItemEnumerator.moveNext()) {
	                var addToFeatured = true;
	                var oListItem = listItemEnumerator.get_current();

	                var itemContentTypeId = oListItem.get_item("ContentTypeId");
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemImage = oListItem.get_item("ThumbnailImage");
	                var itemImageSrc = $.parseHTML(itemImage)[0].src;
	                var itemContentType = getContentType(oListItem);
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var lastIndexOfDot = itemName.lastIndexOf(".");
	                var itemExtension = itemName.substring(lastIndexOfDot + 1, itemName.length);
	                var isFeatured = oListItem.get_item("IsFeatured");

	                if (isFeatured) {
	                    featuredResourcesResult.push(oListItem);
	                }
	            }
	        }

            //quarter data
	        function showQuarterData(numberOfItems) {
	            var quarterDataRow = $(".intel-ss-quarter-data");
	            quarterDataRow.empty();


	            //featuredResourcesRow.append("<div class='intel-ss-results-header intel-text-color' style='padding-bottom:10px;'>FEATURED RESOURCES</div>");
	            var currentQuarter = "";
	            var previousQuarter = "";

	            var listItemEnumerator = items.getEnumerator();
	            var count = 0;
	            while (listItemEnumerator.moveNext()) {
	                count++;
	                if (numberOfItems > 0 && count > numberOfItems) {
	                    break;
	                }
	                var oListItem = listItemEnumerator.get_current();
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var itemTitle = oListItem.get_item("IntelTitle");
	                var itemDesc = oListItem.get_item("RoutingRuleDescription");
	                var itemContentType = getContentType(oListItem);

	                previousQuarter = currentQuarter;
	                currentQuarter = itemQuarter + " " + itemYear;

	                var itemLink = "";
	                if (itemContentType == INTEL_DOCUMENT) {
	                    //document
	                    var itemUrl = "../Resources And Events/" + oListItem.get_item("FileLeafRef");
	                    itemLink = "<a href='" + itemUrl + "'>Download now ></a>"

	                } else if (itemContentType == INTEL_EVENT) {
	                    //event
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>See details ></a>"

	                } else if (itemContentType == INTEL_VIDEO || itemContentType == INTEL_WEBCAST) {
	                    //video
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>Watch the video ></a>"

	                }
	                //Show result
	                if (currentQuarter !== previousQuarter) {
	                    if (previousQuarter !== "") {
	                        quarterDataRow.append("<hr />");
	                    }
	                    quarterDataRow.append("<div class='intel-ss-results-header intel-text-color' style='padding-bottom:10px;'>" + currentQuarter + " EXECUTIVE SYNC RESOURCES</div>");
	                }
	                var resultStr = "";
	                resultStr += "\r\n" + "<div class='intel-ss-results-panel'>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-date intel-text-color'>" + itemDateTimeStr + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-title'>" + itemTitle + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-desc'>" + itemDesc + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-link intel-text-color'>" + itemLink + "</div>";
	                resultStr += "\r\n" + "</div>";

	                quarterDataRow.append(resultStr);

	            }

	            if (numberOfItems > 0 && numberOfItems < count) {
	                //Show View all >
	                var viewAllLink = "<div class='intel-ss-quarter-data-viewall'>View all</div>"
	                quarterDataRow.append(viewAllLink);

	            }
	        }

	        //upcoming
	        var upcomingResults = [];
	        function showUpcoming() {
	            var upcomingRow = $(".intel-ss-upcoming");

	            for (var i = 0; i < upcomingResults.length; i++) {
	                var oListItem = upcomingResults[i];
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemDateTimeStrWithTime = itemDateTime.toString(dateFormatWithTime);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var itemTitle = oListItem.get_item("IntelTitle");
	                var itemDesc = oListItem.get_item("RoutingRuleDescription");
	                var itemContentType = getContentType(oListItem);
	                var itemLocation = oListItem.get_item("Location");

	                var eventNumber = (i + 1).toString();

	                var itemLink = "";
	                if (itemContentType == INTEL_DOCUMENT) {
	                    //document
	                    var itemUrl = "../Resources And Events/" + oListItem.get_item("FileLeafRef");
	                    itemLink = "<a href='" + itemUrl + "'>Download now ></a>"

	                } else if (itemContentType == INTEL_EVENT) {
	                    //event
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>See details ></a>"

	                } else if (itemContentType == INTEL_VIDEO || itemContentType == INTEL_WEBCAST) {
	                    //video
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>Watch the video ></a>"

	                }
	                //Show result
	                var resultStr = "";
	                resultStr += "\r\n" + "<div class='row'>";
	                resultStr += "\r\n" + "	<div class='col-xs-12' >";
	                resultStr += "\r\n" + "		<div class='intel-ss-upcoming-event-panel intel-ss-upcoming-event" + eventNumber + "' style=''>";
	                resultStr += "\r\n" + "			<div class='intel-ss-upcoming-toggle-icon'><div class='fa fa-angle-down' ></div></div>";
	                resultStr += "\r\n" + "			<div class='intel-ss-upcoming-header'>";
	                resultStr += "\r\n" + "			    <div class='intel-ss-upcoming-date'>" + itemDateTimeStr + "</div>";
	                resultStr += "\r\n" + "			    <div class='intel-ss-upcoming-desc'>" + itemDesc + "</div>";
	                resultStr += "\r\n" + "			</div>";
	                resultStr += "\r\n" + "		</div>";
	                resultStr += "\r\n" + "		<div class='intel-ss-upcoming-details'>";
	                resultStr += "\r\n" + "			<div class='intel-ss-upcoming-time intel-text-gray'>" + itemDateTimeStrWithTime + "</div>";
	                resultStr += "\r\n" + "			<div class='intel-ss-upcoming-location intel-text-gray'>" + itemLocation + "</div>";
	                resultStr += "\r\n" + "			<div class='intel-ss-upcoming-link'>" + itemLink + "</div>";
	                resultStr += "\r\n" + "		</div>";
	                resultStr += "\r\n" + "	</div>";
	                resultStr += "\r\n" + "</div>";

	                upcomingRow.append(resultStr);
	            }

	            $(".intel-ss-upcoming-event-panel").click(function () {
	                var currentObj = $(this);
	                var currentDetails = currentObj.next(".intel-ss-upcoming-details");
	                var visible = currentDetails.is(":visible");

	                //hide all
	                $(".intel-ss-upcoming-details").hide("slow");
	                $(".intel-ss-upcoming-toggle-icon > .fa").attr("class", "fa fa-angle-down");

	                //toggle
	                if (visible) {
	                    currentDetails.hide("slow");
	                    currentObj.find(".fa").attr("class", "fa fa-angle-down");
                    } else {
	                    currentDetails.show("slow");
	                    currentObj.find(".fa").attr("class", "fa fa-angle-up");
                    }
	            });

	        }

	        function searchUpcoming() {
	            var listItemEnumerator = items.getEnumerator();
	            var count = 0;
	            while (listItemEnumerator.moveNext()) {

	                var addToUpcoming = false;
	                var oListItem = listItemEnumerator.get_current();
	                var itemContentTypeId = oListItem.get_item("ContentTypeId");
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemImage = oListItem.get_item("ThumbnailImage");
	                var itemImageSrc = $.parseHTML(itemImage)[0].src;
	                var itemContentType = getContentType(oListItem);
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var lastIndexOfDot = itemName.lastIndexOf(".");
	                var itemExtension = itemName.substring(lastIndexOfDot + 1, itemName.length);
	                var isFeatured = oListItem.get_item("IsFeatured");

	                if (itemContentType == INTEL_EVENT) {
	                    var todayDate = new Date();
	                    if (itemDateTime >= todayDate) {
	                        count++;
	                        upcomingResults.push(oListItem);
	                    }
	                }

	                if (count >= 3) {
	                    break;
	                }

                }
	        }

            //search by keyword
	        function searchByKeyword(keyword) {
	            searchResults = [];
	            var listItemEnumerator = items.getEnumerator();
	            while (listItemEnumerator.moveNext()) {
	                var oListItem = listItemEnumerator.get_current();
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var itemTitle = oListItem.get_item("IntelTitle");
	                var itemDesc = oListItem.get_item("RoutingRuleDescription");
	                var itemContentType = getContentType(oListItem);

	                if (stringContainsCaseInsensitive(itemName, keyword) ||
                        stringContainsCaseInsensitive(itemTitle, keyword) ||
	                    stringContainsCaseInsensitive(itemDesc, keyword)) {

	                    searchResults.push(oListItem);
	                }
	            }
	        }


	        function onRequestSucceeded() {
	            try {
                    //show slot info
	                var slot1Value = $(".intel-ss-slot1-value").html().trim();
	                var slot2Value = $(".intel-ss-slot2-value").html().trim();
	                var slot3Value = $(".intel-ss-slot3-value").html().trim();
	                var slot4Value = $(".intel-ss-slot4-value").html().trim();
	                var slot5Value = $(".intel-ss-slot5-value").html().trim();

	                var listItemEnumerator = items.getEnumerator();
	                while (listItemEnumerator.moveNext()) {
	                    var oListItem = listItemEnumerator.get_current();



	                    var itemContentTypeId = oListItem.get_item("ContentTypeId");
	                    var itemName = oListItem.get_item("FileLeafRef");
	                    var itemImage = oListItem.get_item("ThumbnailImage");
	                    var itemImageSrc = $.parseHTML(itemImage)[0].src;

	                    if (itemName.substring(0, slot1Value.length) === slot1Value) {
	                        displaySSInfo(oListItem, ".intel-ss-slot1");
	                    }
	                    if (itemName.substring(0, slot2Value.length) === slot2Value) {
	                        displaySSInfo(oListItem, ".intel-ss-slot2");
	                    }
	                    if (itemName.substring(0, slot3Value.length) === slot3Value) {
	                        displaySSInfo(oListItem, ".intel-ss-slot3");
	                    }
	                    if (itemName.substring(0, slot4Value.length) === slot4Value) {
	                        displaySSInfo(oListItem, ".intel-ss-slot4");
	                    }
	                    if (itemName.substring(0, slot5Value.length) === slot5Value) {
	                        displaySSInfo(oListItem, ".intel-ss-slot5");
	                    }
	                }

	                //Show featured resources
	                searchFeaturedResources();

	                showFeaturedResources(5);

	                //Show quarter data
	                showQuarterData(2);

	                $(".intel-ss-quarter-data-viewall").click(function () {
	                    showQuarterData(0);
	                });

                    //Show upcoming
	                searchUpcoming();

	                showUpcoming();

	            } catch (e) {

	            }

	        }

	        function onRequestFailed(sender, args) {
	            alert('Error: ' + args.get_message());
	        }

	        //end of get data from SP

	        //search
	        $(".intel-ss-search-filterresourcesby-collapse").click(function () {
	            toggleSearchPanel();
	        });
	        $(".intel-ss-search-filterresourcesby-expand").click(function () {
	            toggleSearchPanel();
	        });

	        function toggleSearchPanel() {
	            if ($(".intel-ss-search-collapse").is(":visible")) {
	                $(".intel-ss-search-collapse").hide();
	                $(".intel-ss-search-expand").show();
	            } else {
	                $(".intel-ss-search-collapse").show();
	                $(".intel-ss-search-expand").hide();
	                $(".intel-ss-results-row").hide();

	                $(".intel-ss-featured-resources").show();
	                $(".intel-ss-quarter-data").show();
	            }
	        }



	        function showSearchResults(numberOfItems) {
	            //Hide loading TODO

	            //Show results
	            $(".intel-ss-results-row").show();
	            $(".intel-ss-results-row").empty();

	            var numberItemsToShow = 0;
	            if (numberOfItems > 0) {
	                numberItemsToShow = Math.min(numberOfItems, searchResults.length);
	            } else {
	                numberItemsToShow = searchResults.length;
	            }

	            var resultsRow = $(".intel-ss-results-row");
	            resultsRow.append("<div class='intel-ss-results-header intel-text-color' style='padding-bottom:10px;'>YOUR RESULTS</div>");
	            for (var i = 0; i < numberItemsToShow; i++) {
	                var oListItem = searchResults[i];
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var itemTitle = oListItem.get_item("IntelTitle");
	                var itemDesc = oListItem.get_item("RoutingRuleDescription");
	                var itemContentType = getContentType(oListItem);

	                var itemLink = "";
	                if (itemContentType == INTEL_DOCUMENT) {
	                    //document
	                    var itemUrl = "../Resources And Events/" + oListItem.get_item("FileLeafRef");
	                    itemLink = "<a href='" + itemUrl + "'>Download now ></a>"

	                } else if (itemContentType == INTEL_EVENT) {
	                    //event
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>See details ></a>"

	                } else if (itemContentType == INTEL_VIDEO || itemContentType == INTEL_WEBCAST) {
	                    //video
	                    var itemUrl = oListItem.get_item("URL").get_url();
	                    itemLink = "<a href='" + itemUrl + "'>Watch the video ></a>"

	                }
	                //Show result
	                var resultStr = "";
	                resultStr += "\r\n" + "<div class='intel-ss-results-panel'>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-date intel-text-color'>" + itemDateTimeStr + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-title'>" + itemTitle + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-desc'>" + itemDesc + "</div>";
	                resultStr += "\r\n" + "  <div class='intel-ss-results-link intel-text-color'>" + itemLink + "</div>";
	                resultStr += "\r\n" + "</div>";

	                resultsRow.append(resultStr);
	            }

	            if (numberItemsToShow < searchResults.length) {
	                //Show View all >
	                var viewAllLink = "<div class='intel-ss-search-viewall'>View all</div>"
	                resultsRow.append(viewAllLink);

	            }
	        }


	        function searchByCriteria() {
	            searchResults = [];
	            //Get results
	            //Get values of checkboxes
	            var pdfChk = $('.intel-ss-checkbox-pdf').prop('checked');
	            var pptChk = $('.intel-ss-checkbox-ppt').prop('checked');
	            var videoChk = $('.intel-ss-checkbox-video').prop('checked');
	            var webcastChk = $('.intel-ss-checkbox-webcast').prop('checked');

	            var q1_1 = $('.intel-ss-checkbox-q1-1').prop('checked');
	            var q2_1 = $('.intel-ss-checkbox-q2-1').prop('checked');
	            var q3_1 = $('.intel-ss-checkbox-q3-1').prop('checked');
	            var q4_1 = $('.intel-ss-checkbox-q4-1').prop('checked');

	            var q1_2 = $('.intel-ss-checkbox-q1-2').prop('checked');
	            var q2_2 = $('.intel-ss-checkbox-q2-2').prop('checked');
	            var q3_2 = $('.intel-ss-checkbox-q3-2').prop('checked');
	            var q4_2 = $('.intel-ss-checkbox-q4-2').prop('checked');

	            var q1_1_quarter = Q1_1.substring(0, 2);
	            var q2_1_quarter = Q2_1.substring(0, 2);
	            var q3_1_quarter = Q3_1.substring(0, 2);
	            var q4_1_quarter = Q4_1.substring(0, 2);

	            var q1_2_quarter = Q1_2.substring(0, 2);
	            var q2_2_quarter = Q2_2.substring(0, 2);
	            var q3_2_quarter = Q3_2.substring(0, 2);
	            var q4_2_quarter = Q4_2.substring(0, 2);

	            var q1_1_year = Q1_1.substring(3, 7);
	            var q2_1_year = Q2_1.substring(3, 7);
	            var q3_1_year = Q3_1.substring(3, 7);
	            var q4_1_year = Q4_1.substring(3, 7);

	            var q1_2_year = Q1_2.substring(3, 7);
	            var q2_2_year = Q2_2.substring(3, 7);
	            var q3_2_year = Q3_2.substring(3, 7);
	            var q4_2_year = Q4_2.substring(3, 7);

	            //Search items in Resources and Events list
	            var listItemEnumerator = items.getEnumerator();
	            while (listItemEnumerator.moveNext()) {
	                var addToResults = false;
	                var oListItem = listItemEnumerator.get_current();

	                var itemContentTypeId = oListItem.get_item("ContentTypeId");
	                var itemName = oListItem.get_item("FileLeafRef");
	                var itemImage = oListItem.get_item("ThumbnailImage");
	                var itemImageSrc = $.parseHTML(itemImage)[0].src;
	                var itemContentType = getContentType(oListItem);
	                var itemDateTime = oListItem.get_item("IntelDateTime");
	                var itemDateTimeStr = itemDateTime.toString(dateFormat);
	                var itemQuarter = "Q" + (Math.floor((itemDateTime.getMonth() + 3) / 3)).toString();
	                var itemYear = itemDateTime.getFullYear();
	                var lastIndexOfDot = itemName.lastIndexOf(".");
	                var itemExtension = itemName.substring(lastIndexOfDot + 1, itemName.length);

	                //PPT, PDF, VIDEO
	                if (!addToResults) {
	                    if (pdfChk && itemExtension.toUpperCase() == PDF) {
	                        addToResults = true;
	                    }
	                }
	                if (!addToResults) {
	                    if (pptChk && (itemExtension.toUpperCase() == PPT || itemExtension.toUpperCase() == PPTX)) {
	                        addToResults = true;
	                    }
	                }
	                if (!addToResults) {
	                    if (videoChk && itemContentType == INTEL_VIDEO) {
	                        addToResults = true;
	                    }
	                }
	                if (!addToResults) {
	                    if (webcastChk && itemContentType == INTEL_WEBCAST) {
	                        addToResults = true;
	                    }
	                }


	                //QUARTER/YEAR
	                //1
	                if (!addToResults) {
	                    if (q1_1 && itemQuarter == q1_1_quarter && itemYear == q1_1_year) {
	                        addToResults = true;
	                    }
	                }

	                if (!addToResults) {
	                    if (q2_1 && itemQuarter == q2_1_quarter && itemYear == q2_1_year) {
	                        addToResults = true;
	                    }
	                }

	                if (!addToResults) {
	                    if (q3_1 && itemQuarter == q3_1_quarter && itemYear == q3_1_year) {
	                        addToResults = true;
	                    }
	                }

	                if (!addToResults) {
	                    if (q4_1 && itemQuarter == q4_1_quarter && itemYear == q4_1_year) {
	                        addToResults = true;
	                    }
	                }

	                //2
	                if (!addToResults) {
	                    if (q1_2 && itemQuarter == q1_2_quarter && itemYear == q1_2_year) {
	                        addToResults = true;
	                    }
	                }

	                if (!addToResults) {
	                    if (q2_2 && itemQuarter == q2_2_quarter && itemYear == q2_2_year) {
	                        addToResults = true;
	                    }
	                }

	                if (!addToResults) {
	                    if (q3_2 && itemQuarter == q3_2_quarter && itemYear == q3_2_year) {
	                        addToResults = true;
	                    }
	                }

	                if (!addToResults) {
	                    if (q4_2 && itemQuarter == q4_2_quarter && itemYear == q4_2_year) {
	                        addToResults = true;
	                    }
	                }

	                if (addToResults) {
	                    searchResults.push(oListItem);
	                }


	            }
	        }
	        $(".intel-ss-search-button-div").click(function () {
	            //Show loading TODO
	            $(".intel-ss-featured-resources").hide();
	            $(".intel-ss-quarter-data").hide();

	            var keyword = $(".intel-ss-search-textbox").val();
	            if (keyword !== undefined && keyword.trim() !== "") {
	                searchByKeyword(keyword);

	            } else {
	                searchByCriteria();
	            }

	            showSearchResults(numberOfSearchResultsDefault);

	            $(".intel-ss-search-viewall").click(function () {
	                showSearchResults(0);
	            });
	        });
	        //end of search

	    });


	</script>
  

</asp:Content>